<!--  -->
<template>
  <div>
    <v-tabs v-model="typeIndex">
      <v-tab>关注用户</v-tab>
      <v-tab>取关用户</v-tab>
      <v-tab>黑名单</v-tab>
    </v-tabs>
    <v-text-field
      class="my-2"
      hide-details
      solo
      append-icon="search"
      @click:append="wx_nickname = nickname"
      @click:clear="wx_nickname = ''"
      clearable
      v-model="nickname"
      placeholder="用户昵称">
      </v-text-field>
    <v-tabs-items v-model="typeIndex">
      <v-tab-item>
        <v-lazy>
          <MemberList :search="{ wx_subscribe: 1, block: 'no' }" :nickname="wx_nickname" key="subscribe"/>
        </v-lazy>
      </v-tab-item>
      <v-tab-item>
        <v-lazy>
          <MemberList :search="{ wx_subscribe: 0, block: 'no' }" :nickname="wx_nickname" key="unsubscribe"/>
        </v-lazy>
      </v-tab-item>
      <v-tab-item>
        <v-lazy>
          <MemberList :search="{ block: 'yes' }" :nickname="wx_nickname"  key="block"/>
        </v-lazy>
      </v-tab-item>
    </v-tabs-items>
  </div>
</template>

<script>
import MemberList from './components/MemberList.vue'
export default {
  name: 'WxMember',
  components: { MemberList },
  data: function () {
    return {
      typeIndex: 0,
      nickname: '',
      wx_nickname: ''
    }
  },
  created: function () {
    this.$store.dispatch('getTags')
  },
  computed: {},
  methods: {
  }
}
</script>
<style scoped>
</style>
